@import "~asha/_.less";

.tederen-loginBox{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right:0;
    z-index: 100;
    cursor: default;
    .login-mask{
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,.9);
        position: relative;
        z-index: 101;
    }
    .login-container{
        width: 370px;
        height: 310px;
        margin-top: -185px;
        margin-right: -228px;
        position: fixed;
        top: 50%;
        right: 50%;
        z-index: 102;
        background-color: rgba(255,255,255,.7);
        padding: 10px;
        .head{
            padding: 0 10px;
            height: 40px;
            line-height: 40px;
            color: #fff;
            position: relative;
            background: @color_a url(../../images/logo_40.png) no-repeat left;
            background-size: 30px;
            text-align: right;
            background-position: 10px 5px;
        }
        .body{
            background-color: #fff;
            height: 250px;
            padding: 15px 25px;
            .error-notice{
                position: absolute;
                color: @color_font_1;
                .ion-close-circled{
                    font-size: 20px;
                    color: @color_c;
                    vertical-align: middle;
                    padding-right: 3px;
                }
            }
            form{
                ul{
                    li{
                        margin: 25px 0;
                        .username{
                            .input-style;
                            height: 40px;
                            padding-left: 30px;
                            background-image: url(../../images/user.png);
                            background-repeat: no-repeat;
                            background-position: 10px 10px;
                            background-size: 16px;
                            color: @color_font_1;
                        }
                        .password{
                            .input-style;
                            height: 40px;
                            padding-left: 30px;
                            background-image: url(../../images/password.png);
                            background-repeat: no-repeat;
                            background-position: 10px 10px;
                            background-size: 16px;
                            color: @color_font_1;
                        }
                        .login-btn{
                            .btn-style;
                            height: 40px;
                        }
                    }
                }
            }
            .footer{
                text-align: right;
                a{
                    color: @color_font_2;
                    &:hover{
                        text-decoration: underline;
                    }
                }
            }
        }

    }
}